<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/register.min.css">
</head>

<body>
    <div class="wrap">
        <div class="main">
            <!-- 头部 -->
            <div class="top">
                <div class="border-top"></div>
                <div class="header">
                    <!-- logo -->
                    <div class="logo">
                        <img src="./image/common/logo.png" alt="图片加载中" />
                    </div>
                    <!-- 导航栏 -->
                    <div class="nav">
                        <ul>
                            <li class="active" data-index=0 onclick="change(this,'.nav ul>li','active')"><a
                                    href="##">首页</a></li>
                            <li data-index=1 onclick="change(this,'.nav ul>li','active')"><a href="##">关于鼎搜</a></li>
                            <li data-index=2 onclick="change(this,'.nav ul>li','active')"><a href="##">鼎搜服务</a></li>
                            <li data-index=3 onclick="change(this,'.nav ul>li','active')"><a href="##">鼎搜动态</a></li>
                            <li data-index=4 onclick="change(this,'.nav ul>li','active')"><a href="##">鼎搜诚聘</a></li>
                            <li data-index=5 onclick="change(this,'.nav ul>li','active')"><a href="##">鼎搜公益</a></li>
                        </ul>
                    </div>
                    <!-- 搜索框 -->
                    <div class="search">
                        <input type="text">
                        <i class="icon-search"></i>
                    </div>
                </div>
                <!-- 轮播图 -->
                <div class="swiper">
                    <img class="slide active" src="./image/common/slides-bg.png" alt="" />
                    <img class="slide" src="./image/common/slides-bg.png" alt="" />
                    <img class="slide" src="./image/common/slides-bg.png" alt="" />
                    <!-- 底部圆点 -->
                    <div class="dot">
                        <i class="point active" data-index=0></i>
                        <i class="point" data-index=1></i>
                        <i class="point" data-index=2></i>
                    </div>
                </div>
            </div>

            <!-- 主题内容 -->
            <div class="middle">
                <div class="register">
                    <div class="container">
                        <div class="title">
                            <h3>我要转让</h3>
                            <p>WO YAO ZHUAN RANG</p>
                        </div>
                    </div>

                    <!-- 注册表单 -->
                    <div class="register-form">
                        <div class="rule">(带 * 号的表示为必填项目，用户名必须大于3位小于20位，密码必须大于3位)</div>
                        <form action="">
                            <table width="100%">
                                <tr>
                                    <td class="username">
                                        <label>用户名:</label>
                                        <input type="text" placeholder="请输入用户名">
                                        <span class="sign">*</span>
                                        <span>(可以使用中文，但禁止除[@][.]以外的特殊符号)</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="username">
                                        <label>公司名称：</label>
                                        <input type="text" placeholder="请输入公司名称">
                                        <span class="sign">*</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="username">
                                        <label>登录密码：</label>
                                        <input type="password" placeholder="请输入密码">
                                        <span class="sign">*</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="username">
                                        <label>确认密码：</label>
                                        <input type="password" placeholder="请再次输入密码">
                                        <span class="sign">*</span> <span class="sign">❌两次密码输入不一致</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="username">
                                        <label>电子邮箱：</label>
                                        <input type="text" placeholder="请输入邮箱">
                                        <span class="sign">*</span> <span>(每个电子邮邮箱只能注册一个帐号)</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="username">
                                        <label>安全问题：</label>
                                        <select name="question" id="">
                                            <option value="1">没安全提示问题</option>
                                            <option value="2">问题3</option>
                                            <option value="3">问题3</option>
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="username">
                                        <label>问题答案:</label>
                                        <input type="text">
                                    </td>
                                </tr>
                                <tr>
                                    <td class="sex">
                                        <label>性别:</label>
                                        <input class="radio" type="radio" name="sex" checked><span>男</span>
                                        <input class="radio" type="radio" name="sex"><span>女</span>
                                        <input class="radio" type="radio" name="sex"><span>保密</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="verification">
                                        <label>验证码:</label>
                                        <input type="text">
                                        <img src="./image/register/verification.png" alt="">
                                        <span>看不清?</span>
                                        <span class="change">点击更换</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="vip">
                                        <div class="textarea">
                                            <label>会员注册协议:</label>
                                            <textarea>
1、在本站注册的会员，必须遵守《互联网电子公告服务管理规定》，不得在本站发表诽谤他人，侵犯他人隐私，侵犯他人知识产权，传播病毒，政治言论，商业讯息等信息。
2、在所有在本站发表的文章，本站都具有最终编辑权，并且保留用于印刷或向第三方发表的权利，如果你的资料不齐全，我们将有权不作任何通知使用你在本站发布的作品。
3、在登记过程中，您将选择注册名和密码。注册名的选择应遵守法律法规及社会公德。您必须对您的密码保密，您将对您注册名和密码下发生的所有活动承担责任。
                                            </textarea>
                                        </div>
                                        <div class="checkbox">
                                            <input type="checkbox" />
                                            <span>我已阅读并完全接受服务协议</span>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="btn">
                                        <button>注册</button>
                                    </td>
                                </tr>
                            </table>
                        </form>
                    </div>
                </div>
            </div>

            <!-- 页脚 -->
            <footer>
                <!-- 装饰线 -->
                <hr />
                <!-- 列表 -->
                <div class="footer">
                    <ul>
                        <li>简介</li>
                        <li><a href="javascript;">鼎搜网简介</a></li>
                        <li><a href="javascript;">鼎搜服务</a></li>
                        <li><a href="javascript;">会员身份认证</a></li>
                    </ul>
                    <ul>
                        <li>帮助</li>
                        <li><a href="javascript;">用户注册</a></li>
                        <li><a href="javascript;">关于鼎搜</a></li>
                        <li><a href="javascript;">在线咨询</a></li>
                    </ul>
                    <ul>
                        <li>共赢</li>
                        <li><a href="javascript;">网站合作</a></li>
                        <li><a href="javascript;">用户协议</a></li>
                        <li><a href="javascript;">会员身份认证</a></li>
                    </ul>
                    <ul>
                        <li>导航</li>
                        <li><a href="javascript;">地图首页</a></li>
                        <li><a href="javascript;">职能分类</a></li>
                        <li><a href="javascript;">企业名录</a></li>
                    </ul>
                    <div class="connect">
                        <img src="./image/common/connect.png" alt="" />
                    </div>
                </div>

                <!-- 底部蓝色 -->
                <div class="border-bottom">
                    Copyright &copy;2015 鼎搜网(www.dinsoo.com) 版权所有
                </div>
            </footer>
        </div>
    </div>
</body>
<script src="./js/index.js" rel="script"></script>

</html>